import React from 'react'
import { Outlet, NavLink } from 'react-router-dom'
import { Tabbar } from 'react-vant';
import { FriendsO, HomeO, Search, SettingO } from '@react-vant/icons';
import indexModule from './index.module.scss'
export default function Index() {
    console.log(indexModule, 123132)
    return (
        <div className={indexModule.wrap}>
            <div className={indexModule.wrap_header}></div>
            <div className={indexModule.wrap_main}>
                <Outlet></Outlet>
            </div>
            <div className={indexModule.wrap_footer}>
                <Tabbar>
                    <Tabbar.Item icon={<HomeO />}><NavLink to="/home/index">首页</NavLink></Tabbar.Item>
                    <Tabbar.Item icon={<Search />}><NavLink to="/home/class">关注</NavLink></Tabbar.Item>
                    <Tabbar.Item icon={<FriendsO />}><NavLink to="/home/car">优选</NavLink></Tabbar.Item>
                    <Tabbar.Item icon={<SettingO />}><NavLink to="/home/my">我的</NavLink></Tabbar.Item>
                </Tabbar>
            </div>
        </div>
    )
}
